<html lang="en" style="font-size: 106.667px;" class="md device-pixel-ratio-1 device-desktop device-windows support-position-sticky">
<head>
<meta charset="utf-8">
<meta name="theme-color" content="#000000">
<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1">
<!-- <link rel="apple-touch-icon" href="./static/css/favicon.png"> -->
<meta name="apple-mobile-web-app-title" content="切换账号">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="email=no">
<!-- <script src="https://jsapi.qq.com/get?api=app.share" async=""></script> -->
<script type="text/javascript" src="js/iconfont.js?v=1"></script>
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/jquery.lazyload.min.js"></script>
<script type="text/javascript" src="js/layer.js"></script>
<script type="text/javascript" src="js/aui-toast.js"></script>
<script type="text/javascript" src="js/aui-dialog.js" charset="utf-8"></script>
<script type="text/javascript" src="js/template-web.js" charset="utf-8"></script>
<script type="text/javascript" src="js/config.js" charset="utf-8"></script>
<script>
	// window.setViewport=function(e){var h=window,i=h.flex=function(e,i,t){var n=e||100,o=i||1,a=h.document,d=navigator.userAgent,r=d.match(/Android[\S\s]+AppleWebkit\/(\d{3})/i),c=d.match(/U3\/((\d+|\.){5,})/i),l=c&&80<=parseInt(c[1].split(".").join(""),10),s=navigator.appVersion.match(/(iphone|ipad|ipod)/gi),m=h.devicePixelRatio||1;s||r&&534<r[1]||l||(m=1),t&&(m=1);var p=1/m,u=a.querySelector('meta[name="viewport"]');u||((u=a.createElement("meta")).setAttribute("name","viewport"),a.head.appendChild(u)),u.setAttribute("content","width=device-width,user-scalable=no,initial-scale="+p+",maximum-scale="+p+",minimum-scale="+p),a.documentElement.style.fontSize=n/2*m*o+"px"},t=2;void 0===e&&(e=-1<h.location.search.indexOf("scale=normal")),h!==h.top&&1===h.devicePixelRatio?i(100,t*=h.document.documentElement.scrollWidth/375,!!e):navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)?i(100,t*=h.screen.availWidth/375,!!e):(h.document.documentElement.classList.add("device-pc"),i(100,t,!0))},setViewport()
</script>

<!-- <link rel="manifest" href="./manifest.json"> -->
<!-- <link rel="shortcut icon" href="/Public/static/img/favicon.ico"> -->
<title>坏坏漫画</title>
<meta name="description" content="坏坏漫画">
<link href="css/main.48b4036a.css" rel="stylesheet">
</head>
<body mycollectionplug="bind">
<noscript>
You need to enable JavaScript to run this app.
</noscript>
<script></script>
<div id="root" style="height: 100%;">
	<div id="framework7-root" class="framework7-root color-theme-red">
		<div class="panel-backdrop">
		</div>
		<div class="panel panel-left panel-reveal">
		</div>
		<div class="panel panel-right panel-reveal">
			<div class="page">
				<div class="page-content">
					<div class="block-title">
						<div class="width-100 ">
							<p class="text-color-gray text-align-center">
								登錄後實時同步閱讀進度
							</p>
							<a class="button button-round button-fill button-small" href="/home/public/login">登 錄</a>
						</div>
					</div>
					<div class="list">

					</div>
				</div>
			</div>
		</div>
		<div class="view view-main">
			<div class="reader-index page page-current tabs" data-name="reader">
				<div class="tabs-animated-wrap">
					<div class="tabs" style="transform: translate3d(-300%, 0px, 0px);">
						<div id="home" class="page-content tab">
						</div>
						<div id="category" class="page-content tab">
						</div>
						<div id="bookshelf" class="page-content tab">
						</div>
						<div id="personal" class="page-content tab tab-active">
							<div class="page" data-name="readerLogin">
								<div class="navbar">
									<div class="navbar-inner sliding">
										<div class="left">
											<a class="icon-only link icon-only back" href="javascript:history.back();"><i class="icon icon-back"></i></a>
										</div>
										<div class="title">
											賬號密碼登陸
										</div>
									</div>
								</div>
								<div class="page-content login-screen-content">
									<div class="login-screen-title">
										<div class="padding-vertical">
											<!-- <div class="reader-login-title" style="background: transparent url(/Public/Uploads/web/logo.png) no-repeat 50%/100%;">
											</div> -->
											<div style="display: block; margin: auto;text-align: center;width: 1.1rem;height: .34375rem;">
												<img src="/images/logo.png" alt="">
											</div>
											
										</div>
									</div>
									<form class="list no-hairlines" onsubmit="return login();">
										<ul>
											<li class="">
											<div class="item-content item-input">
												<div class="item-media">
													<i class="padding-vertical-sm padding-left-sm icon material-icons">person</i>
												</div>
												<div class="item-inner">
													<!-- <div class="item-title item-floating-label">
														用戶
													</div> -->
													<div class="item-input-wrap">
														<input type="text" placeholder="輸入用戶名" class="username" value=""><span class="input-clear-button"></span>
													</div>
												</div>
											</div>
											</li>
											<li class="">
											<div class="item-content item-input">
												<div class="item-media">
													<i class="padding-vertical-sm padding-left-sm icon material-icons">lock</i>
												</div>
												<div class="item-inner">
													<!-- <div class="item-title item-floating-label">
														密碼
													</div> -->
													<div class="item-input-wrap">
														<input type="password" placeholder="輸入密碼" class="password" value=""><span class="input-clear-button"></span>
													</div>
												</div>
											</div>
											</li>
										</ul>
									</form>
									<div class="list">
										<a class="margin margin-vertical-lg button button-round button-fill btn-submit" href="#">登 錄</a>
										<div class="block-footer">
											<div class="actions-grid row">
												<div class="actions-group width-100 justify-content-center actions-group">
													<div class="actions-button actions-button ptzc">
														<div class="actions-button-media">
															<a class="reader-login-round-button button button-fill" href="#"><i class="icon material-icons">person_add</i></a>
														</div>
														<div class="actions-button-text">
															<span>注冊賬號</span>
														</div>
													</div>
													<div class="actions-button actions-button sms_login disabled">
														<div class="actions-button-media">
															<a class="reader-login-round-button button button-fill" href="#"><i class="icon material-icons">phone_android</i></a>
														</div>
														<div class="actions-button-text">
															<span>短信注册登錄</span>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="padding font-size-12 text-color-gray">
										<p class="title-with-decorative-strip">
											溫馨提示:
										</p>
										<div class="font-size-9 text-align-left">
											<p>
												· 若因瀏覽器緩存失效或版本昇級等原因導致自動登錄狀態退出，重新登錄即可。
											</p>
											<p>
												· 忘記用戶名和密碼？請第一時間聯系客服添加QQ:229263651。
											</p>
											<p>
												· 部分輸入法昇級等會導致無法輸入，建議您使用系統自帶的輸入法進行輸入。
											</p>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="framework7-modals">
		</div>
	</div>
</div>
<script>
	$('.back').click(function(){
		// location.href = "javascript:history.back();" 
		window.history.back(); 
	})

    // 登陆
    $(".btn-submit").click(function() {
        login();
        $('.btn-submit').removeClass("disabled");
    });
    $('.ptzc').click(function(){
    	ptzc();
    })
    $('.sms_login').click(function(){
    	sms_login();
    })
    function login(){
    	var username=$(".username").val();
        var password=$(".password").val();
        if(!username) {
            layer.msg("请输入用户名！"); return;
        }
        var uPattern = /^[a-zA-Z0-9]|@{5,20}$/;
        if(!uPattern.test(username)){
            layer.msg("用户名不合法！"); return;
        }
        if(!password) {
            layer.msg("请输入账户密码！"); return;
        }
        
        $('.btn-submit').addClass("disabled");
        $.post(baseApi+"/login/front",{username:username,password:password,rememberMe:true},function(data){
            layer.msg(data.msg);
            if(data.code==0){
				localStorage.setItem("authToken",data.data.authToken); 
				if(localStorage.getItem("pid")){
					$.get({
						url: baseApi + "/carton/app/doInvite?pid="+localStorage.getItem("pid"),
						headers:{'authToken':localStorage.getItem("authToken")},
						success: function (data) {
							if (data.code == 0) {
								localStorage.removeItem("pid");
							}
						}
					});
				}
                setTimeout('jump_url()',1500);
            }
        },'json');
        return false;
    }
    function jump_url(){
        window.location.href="/user.html";
    }
    function zc()
    {
        window.location.href="/regist.html";
    }
    function ptzc()
    {
        window.location.href="/regist.html";
    }
    function zh()
    {
    	window.location.href="/home/public/zh.html";
    }
    function sms_login()
    {
    	window.location.href="/home/public/sms_login.html";
    }

</script>
</body>
</html>